<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../dist/layui/layui.js"></script>
    <link href="../css/films/list.css" rel="stylesheet">
    <link href="../dist/layui/css/layui.css" rel="stylesheet">
    <link href="../css/header.css" rel="stylesheet">
</head>
<body>
<!--===头部导航栏===-->
<div class="header">
    <div class="header-logo"><a href="#" class="logo"></a></div>
    <div class="header-nav">
        <ul>
            <li><a class="">首页</a></li>
            <li><a class="">电影</a></li>
            <li><a class="">影院</a></li>
            <li><a class="">榜单</a></li>
            <li><a class="address">地区</a></li>
        </ul>
    </div>
    <div class="header-search">
        <form action="" class="search-form">
            <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
            <a href="" class="search-btn"></a>
        </form>
        <div class="head-login">
            <a href="" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
            <!--<span></span>-->
        </div>
    </div>
</div>
<div class="banner">
    <div class="banner-main">
        <div class="celeInfo-left"><img src="../images/films/bigmovie1.jpg"></div>
        <div class="celeInfo-right">
            <div class="movie-brief">
                <h1>白蛇2: 青蛇劫起</h1>
                <ul>
                    <li>
                        <span>冒险</span>
                        <span>奇幻</span>
                        <span>动画</span>
                    </li>
                    <li>中国大陆 / 131分钟</li>
                    <li>2021-07-23 09:00中国大陆上映</li>
                </ul>
            </div>
            <div class="action-buyBtn">
                <a class="buy" href=""><h1>特惠购票</h1></a>
            </div>
            <!--                电影评分-->
            <div class="moves-status">
                <div class="movie-index">
                    <span>电影口碑</span>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                    </fieldset>
                    <div><div id="test4"></div></div>
                </div>
                <div class="movie-index">
                    <span class="index-span">累计票房</span>
                    <h2>5.80</h2>
                    <span>亿</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--    全部演职人员     -->
<div class="container">
    <div class="main-container">
        <div class="main-left">
            <div class="tab-content">
                <div class="module">
                    <div class="title">
                        <span>演职人员</span>
                    </div>
                    <div class="p-word">
                        <div class="celebrity">
                            <span>导演</span>
                            <div class="image">
                                <a href="" ><img src="../images/films/star1.jpg">
                                    <spam>黄家康</spam>
                                </a>
                            </div>
                        </div>
                        <div class="celebrity-ul">
                            <span>演员</span>
                            <div class="list-star">
                                <ul>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star2.jpg">
                                            <span>唐小喜</span>
                                        </a>
                                        <span>饰:&nbsp;小青</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star3.jpg">
                                            <span>张福正</span>
                                        </a>
                                        <span>饰:&nbsp;蒙面少年</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star4.jpg">
                                            <span>魏超</span>
                                        </a>
                                        <span>饰:&nbsp;司马</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star5.jpg">
                                            <span>赵铭洲</span>
                                        </a>
                                        <span>饰:&nbsp;牛头帮主</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star2.jpg">
                                            <span>唐小喜</span>
                                        </a>
                                        <span>饰:&nbsp;小青</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star3.jpg">
                                            <span>张福正</span>
                                        </a>
                                        <span>饰:&nbsp;蒙面少年</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star4.jpg">
                                            <span>魏超</span>
                                        </a>
                                        <span>饰:&nbsp;司马</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star5.jpg">
                                            <span>赵铭洲</span>
                                        </a>
                                        <span>饰:&nbsp;牛头帮主</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star2.jpg">
                                            <span>唐小喜</span>
                                        </a>
                                        <span>饰:&nbsp;小青</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star3.jpg">
                                            <span>张福正</span>
                                        </a>
                                        <span>饰:&nbsp;蒙面少年</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star4.jpg">
                                            <span>魏超</span>
                                        </a>
                                        <span>饰:&nbsp;司马</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star5.jpg">
                                            <span>赵铭洲</span>
                                        </a>
                                        <span>饰:&nbsp;牛头帮主</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star4.jpg">
                                            <span>魏超</span>
                                        </a>
                                        <span>饰:&nbsp;司马</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star5.jpg">
                                            <span>赵铭洲</span>
                                        </a>
                                        <span>饰:&nbsp;牛头帮主</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star2.jpg">
                                            <span>唐小喜</span>
                                        </a>
                                        <span>饰:&nbsp;小青</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star3.jpg">
                                            <span>张福正</span>
                                        </a>
                                        <span>饰:&nbsp;蒙面少年</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star4.jpg">
                                            <span>魏超</span>
                                        </a>
                                        <span>饰:&nbsp;司马</span>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="../images/films/star5.jpg">
                                            <span>赵铭洲</span>
                                        </a>
                                        <span>饰:&nbsp;牛头帮主</span>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-right">
            <div class="tab-title">
                <span>相关电影</span>
            </div>
            <div class="relation-films">
                <ul>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                    <li>
                        <a href="">
                            <img src="../images/films/relation1.jpg">
                            <span>白蛇:&nbsp;缘起</span>
                        </a>
                        <span>9.3</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--    底部-->
<!--========== 4.底部脚注 =============-->
<div class="index-footer">
    <div class="footer-head"></div>
    <div class="footer-main">
        <p>关于视享票票通：&nbsp;<a>关于我们</a><span>&nbsp;|&nbsp;</span><a>管理团队</a><span>&nbsp;|&nbsp;</span><a>投资者关系</a>
            &nbsp;&nbsp;友情链接 :&nbsp;&nbsp;<a>支付宝</a></p>
        <p>
            商务合作邮箱：1137750012@qq.com &nbsp;
            客服电话：62170010 &nbsp;
            违法和不良信息/涉未成年人有害信息举报电话：4006018900
        </p>
        <p>
            用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
            舞弊线索举报邮箱：wubijubao@shixiang.com
        </p>
        <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
        <p>驰星视享文化传媒有限公司</p>
        <p>&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
    </div>
</div>

    <script>
        layui.use(['rate'], function() {
            var rate = layui.rate;
            //半星效果
            rate.render({
                elem: '#test4'
                , value: 4.5
                , half: true
                , readonly: true
            })
        })
    </script>
</body>
</html>